<!-- 表示当前文档是html5版本 让浏览器使用h5的规范解析 -->
<!DOCTYPE html>
<!-- 表示网页的开始与结束 lang="en"表示网页是一个英文网站 zh表示中文 -->
<html lang="en">
<!-- 网页头部，存放一些配置信息 -->
<head>
    <meta charset="UTF-8"> <!-- 配置编码,为了认识中文 -->
    <title>标题</title> <!-- 配置网页的标题 -->
</head>
<body> <!-- 网页展示的内容 -->
第一个网页的内容
<!-- 1.文本处理标签 -->
<b>加粗文本</b>
<i>斜体文字</i>
<s>删除文字</s>
<u>下划线文字</u>
<!-- 换行标签 -->
<br>
<!-- 转义符号 &nbsp;空格  &lt;小于号(less than)  &gt;大于号(greater than) -->
<mark>高亮标记&nbsp;&nbsp;&nbsp;&nbsp;文字</mark>
<br>
我最喜欢&lt;tom&gt;的静夜思
<!-- 4.标题标签 -->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<h7>七级标题</h7>
<!-- 5.段落标签 独占一行的块级元素 有垂直方向的行间距 -->
<p>吃葡萄不吐葡萄皮</p>
<p>吃葡萄不吐葡萄皮</p>
<p>吃葡萄不吐葡萄皮</p>
<!-- 6. lorem 然后按Tab补全 生成假文 -->
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus asperiores at blanditiis dicta eos ex labore
maiores, molestiae sit tempora vel, veniam voluptas. Beatae esse excepturi incidunt itaque repellendus repudiandae.

<hr>

<!-- 7.有序列表 ol(ordered list) li(list item) -->
<!-- type="" 1阿拉伯数字(默认值) A/a(大小写字母) I/i(大小写罗马数字) -->
<ol type="I">
    <li>第一项</li>
    <li>第二项</li>
    <li>第三项</li>
    <li>第四项</li>
    <li>第五项</li>
</ol>
<!-- 8.无序列表 ul(unordered list) li(list item) -->
<!-- type="none" 去除列表项前标识符 -->
<ul type="none">
    <li>第一项</li>
    <li>第二项</li>
    <li>第三项</li>
</ul>

<hr>

<ul type="none">
    <li>
        热菜
        <ol>
            <li>西红柿牛腩</li>
            <li>水煮肉片</li>
            <li>宫保鸡丁</li>
            <li>溜肉段</li>
        </ol>
    </li>
    <li>
        凉菜
        <ol>
            <li>拍黄瓜</li>
            <li>皮蛋豆腐</li>
            <li>凉拌三丝</li>
        </ol>
    </li>
    <li>
        主食
        <ol>
            <li>米饭</li>
            <li>馒头</li>
        </ol>
    </li>
</ul>

<hr>

<h1>个人简历</h1>
<h3>基本信息</h3>
<p>姓名:<b>传奇哥</b></p>
<p>性别:男</p>
<p>爱好:<s>摄影</s></p>
<h3>个人经历</h3>
<ul>
    <li>小学9年</li>
    <li>中学9年</li>
    <li>高中12年</li>
</ul>
<h3>获得荣誉</h3>
<ol>
    <li>机甲收集达人</li>
    <li>玩偶收集达人</li>
</ol>
</body>
</html>